<template>
  <div class="layout_one">
    <vet-iframe :src="src" />
  </div>
</template>

<script lang="ts">
import { defineAsyncComponent, defineComponent, reactive, toRefs } from "vue";
import { useRoute } from "vue-router";
export default defineComponent({
  name: "In",
  components: {
    VetIframe: defineAsyncComponent(() => import("@/vet/vetIframe/index.vue")),
  },
  setup() {
    const state = reactive({
      src: "",
    });
    const route = useRoute();
    state.src = route.params.url as string;

    return {
      ...toRefs(state),
    };
  },
});
</script>

<style lang="scss" scoped>
.layout_one {
  position: absolute;
  width: 100%;
  height: calc(100vh - 60px);
  left: 0;
  top: 0;
  background: #fff;
}
.layout_one:hover {
  box-shadow: 0 0 5px #cdd0d6;
}
</style>